
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Document</title>
  <!-- Bootstrap 核心 CSS -->
 	<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <style>
     	html,body {
		  height: 100%;
		}
		body {
		  display: -ms-flexbox;
		  display: flex;
		  -ms-flex-align: center;
		  align-items: center;
		  padding-top: 40px;
		  padding-bottom: 40px;
		  background-color: #f5f5f5;
		}
	.form-signin {
	  width: 100%;
	  max-width: 330px;
	  padding: 15px;
	  margin: auto;
	}
	.form-signin .form-control {
	  position: relative;
	  box-sizing: border-box;
	  height: auto;
	  padding: 10px;
	  font-size: 16px;
	}
	.form-signin .form-control:focus {
	  z-index: 2;
	}
	.form-signin input[type="email"] {
	  margin-bottom: -1px;
	  border-bottom-right-radius: 0;
	  border-bottom-left-radius: 0;
	}
	.form-signin input[type="password"] {
	  margin-bottom: 10px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
    </style>
  </head>
  <body class="text-center">
    <form class="form-signin">
	  	<img class="mb-4" src="images/timg.jpg" alt="" width="72" height="72">
	  	<h1 class="h3 mb-3 font-weight-normal">请登录</h1>
	  	<label for="inputEmail" class="sr-only">邮箱地址</label>
	  	<input type="email" id="inputEmail" class="form-control" placeholder="邮箱地址" required="" autofocus="">
	  	<label for="inputPassword" class="sr-only">密码</label>
	  	<input type="password" id="inputPassword" class="form-control" placeholder="密码" required="">
		  <div class="checkbox mb-3">
		    <label>
		      <input type="checkbox" value="remember-me">记住密码
		    </label>
		  </div>
	  	<button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
	  	<p class="mt-5 mb-3 text-muted">© 2020-2025</p>
	</form>
<script>
	if(window.localStorage){
		// 浏览器支持localStorage
	}
	else if(window.sessionStorage){
		// 浏览器支持sessionStorage
	}
</script>
</body>
</html>